.download .fadeIn, .download .fadeOut {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

html, body, div, span, table, tbody, tr, th, td, em, img, strong, h1, h2, h3, h4, h5, h6, p, a, dl, dd, dt, ol, ul, li, form, label, input, textarea, button, b, i, u {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  outline: none; }

h1, h2, h3, h4, h5, h6, b {
  font-weight: 400; }

a, img {
  text-decoration: none;
  border: 0; }

a {
  color: #118CE8; }

html, body {
  min-height: 100%; }

body {
  font-family: "PingFang SC", Arial, sans-serif, "Microsoft YaHei", "simsun";
  color: #333;
  font-size: 14px; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%; }

.btn {
  display: inline-block;
  border-radius: 2px;
  width: 100%;
  height: 1.17333rem;
  line-height: 1.17333rem;
  text-align: center;
  color: #fff;
  font-size: 14px;
  background: #118CE8; }

.btn-gray {
  background: #E6E6E6;
  border: 1px solid #E6E6E6; }

.iconfont {
  display: inline-block; }

.show {
  display: block; }

.hide {
  display: none; }
.app_icon {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
      margin-top: 1.5rem;
}img.icon_img {
    width: 2.2rem;
      border-radius: 15px;
      padding: 9px;
}.app_title {
      font-size: 0.5rem;
        margin-top: 0.5rem;
}
.download {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; }
  .download .head-wrap {
    text-align: center;
    background: url(../images/bg-1.png) no-repeat top center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto; }
  .download .pro-name {
    position: relative;
    top: 12px;
    padding: 0 0.26667rem;
    margin: 0 auto;
    width: 1.46667rem;
    color: #fff;
    font-size: 18px;
    text-shadow: 0 2px 4px #0075CC;
    background: #118CE8; }
  .download .logo {
    position: absolute;
    top: 0.33333rem;
    left: 0.6rem;
    height: 0.66667rem; }
  .download .head-list {
    position: relative;
    padding: 4rem 0 1.4rem;
    color: #fff;
    font-size: 11px;
    overflow: hidden; }
    .download .head-list li {
      float: left;
      width: 33.3333%;
      box-sizing: border-box;
      border-left: 1px dashed #fff;
      height: 0.93333rem; }
      .download .head-list li:first-child {
        border: none; }
    .download .head-list p {
      position: relative;
      top: -0.26667rem; }
    .download .head-list .iconfont {
      position: relative;
      top: -0.26667rem;
      margin-bottom: 0.18667rem;
      font-size: 26px;
      color: #FFCC01; }
  .download .btn-download {
    position: fixed;
    bottom: 4rem;
    left: 1.06667rem;
    width: 80%;
    height: 1.25333rem;
    line-height: 1.25333rem;
    font-size: 15px;
    color: #ffffff;
    letter-spacing: 1.02px;
    }
  .download .advantage {
    margin: 0.88rem 0.4rem 0.32rem;
    padding: 0 0.8rem;
    background: #fff;
    overflow: hidden; }
    .download .advantage li {
      margin: 0.72rem 0;
      overflow: hidden; }
    .download .advantage .iconfont {
      float: left;
      margin-right: 1rem;
      color: #FFCC01;
      font-size: 1.46667rem; }
    .download .advantage .title {
      margin: 0.13333rem 0;
      font-size: 15px;
      color: #118CE8;
      letter-spacing: 0.81px; }
    .download .advantage .detail {
      color: #666;
      font-size: 13px; }
  .download .can-do {
    margin: 0 0.4rem;
    padding: 0.53333rem 0.8rem;
    background: #fff; }
    .download .can-do h3 {
      color: #118CE8;
      font-size: 15px;
      padding-bottom: 0.26667rem;
      border-bottom: 1px solid #bbb; }
    .download .can-do p {
      color: #666;
      margin-top: 0.34667rem; }
  .download .footer {
    padding: 0.69333rem 0 1.89333rem;
    color: #d9d9d9;
    font-size: 10px;
    text-align: center;
    background: url(../images/bg-2.jpg) no-repeat center bottom;
    -webkit-background-size: 100% auto;
    background-size: 100% auto; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
  .download .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .download .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut; }
  .download .fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7); }
    .download .fixed .tip-bg {
      width: 100%;
      height: 100%; }
  .download .ios .tip-bg {
    background: url(../images/download-iOS.png) no-repeat top center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto; }
  .download .android .tip-bg {
    background: url(../images/download-android.png) no-repeat top center;
    -webkit-background-size: 100% auto;
    background-size: 100% auto; }
